@charset "utf-8";
/* CSS Document */
* {
  margin: 0px;
  padding: 0px;
  font-family: 宋体;
  font-size: 12px;
  list-style: none;
  text-decoration: none;
}
a {
  text-decoration: none;
  color: #000000;
}
/*最顶部*/
#head {
  width: 100%;
  height: 31px;
  margin-bottom: 0px;
  border-bottom: 1px solid #ddd;
  background: #f2f2f2;
}
.a {
  text-decoration: none;
}
#head .content {
  width: 1200px;
  height: 31px;
  margin-left: auto;
  margin-right: auto;
}
/*最顶部右边*/
.home {
  background: transparent url("../images/2.png") no-repeat scroll 0px -5px;
  padding: 0px 20px;
  display: inline-block;
  height: 30px;
  vertical-align: top;
  margin-left: 20px;
}
.right {
  width: 480px;
  height: 23px;
  z-index: 100;
  float: right;
  height: 31px;
  list-style: none;
}
.right .ri {
  z-index: 100;
  float: left;
  margin: 0px 15px 0px 0px;
  height: 31px;
  display: inline;
  position: relative;
}
.right a {
  float: right;
  overflow: hidden;
  margin-top: 8px;
  color: #666;
  line-height: 14px;
  text-decoration: none;
}
.right .right_b {
  background: url(../images/head.png) no-repeat 20px -212px;
  width: 99px;
  left: -20px;
}
.right .right_c {
  width: 75px;
  position: relative;
}
.right_c .gou {
  width: 75px;
  height: 31px;
  text-align: right;
  line-height: 31px;
  font-weight: 900;
  color: #333;
  position: relative;
  /*background: #fff;*/
  left: -14px;
}
.right_c .gou .gouwu {
  display: block;
  position: absolute;
  width: 50px;
  height: 25px;

  background: url(../images/head.png) no-repeat;
  background-position: 20px -103px;
  left: -24px;
  top: 0px;
}
.right_c .wu {
  width: 202px;
  height: 55px;
  background: #F2F2F2;
  position: absolute;
  top: 31px;
  right: -10px;
  text-align: center;
  line-height: 60px;
  font-size: 11px;
  color: #666;
  display: none;
}
.right_c:hover .wu {
  display: block;
}
.right .right_d {
  width: 61px;
  padding-right: 10px;
  position: relative;
  left: -15px;
}
.right_d .kf {
  background: url(../images/head.png) no-repeat -47px -13px;
  margin-right: -18px;
  margin-top: 6px;
  width: 66px;
  height: 25px;
  text-align: center;
  line-height: 19px;
}
/*头部的帮助隐藏部分*/
.right .right_d .box {
  width: 75px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  font-weight: 900;
  color: #333;
  position: absolute;
  top: 40px;
  right: 0;
  left: -22px;
  font-size: 20px;
  display: none;
}
.kf:hover .box {
  display: block;
}
.right .right_e {
  width: 90px;
  margin-right: 0px;
  background: url(../images/head.png) no-repeat scroll 12px -250px;
}

/*............................................................二楼开始............................................................*/
.da_b{
    background: #F4F4F4;
    width: 100%;
//大的div
#c{
    width: 100%;
    height: 73px;
       border-bottom: 1px solid #959595;
    .z{
        width: 1200px;
        height: 73px;
      
        margin: 0 auto;
//      左边
        .y{
            float: left;
            width: 225px;
            height: 48px;
            margin-top: 14px;
            background:  url("../images/66.png") no-repeat scroll -450px 0px;

        }
//      右边
     .you{
         width: 550px;
         height: 65px;
         float: right;
            text-align: center;
//        background: url(../images/gw.png) repeat-x ;
           
        .you_bg{
            overflow: hidden;
            background: url(../images/gw.png) repeat-x;
            position: relative;
            margin-top: 20px;
            width: 500px;
            height: 50px;
            .i_a{
                 .tup{
                   color: #FF4466;
               }
            }
            .jindu{
                width: 247px;
                height: 30px;
                background: url(../images/gw_a.png) repeat-x -134px 0px;
                position: absolute; 
                left: 0px;
                top:0px;
            }
              
         .i{
        width: 23px;
        height: 23px;
        font: 400 14px/23px helvetica,tahoma,arial,sans-serif;
        color: #FFF;
        text-align: center;
        position: absolute;
            
       }
         .tip{
            position: absolute;
            top: 24px;
            left: 50%;
            margin-left: -50px;
            font: 400 12px/20px helvetica,tahoma,arial,sans-serif;
            color: #999;
            width: 100px;
           }
           .i_a{
               left:0px;
              
               }
               .i_b{
                   left: 157px;
               }
               .i_c{
                   left:314px;
               }
               .i_d{
                   left: 471px;
               }
           }
         }
    }
}

/*******************************收货地址开始********************************/

.shouhuo{
    width: 1200px;
    height: 810px;
    margin:  0 auto;
    margin-top: 20px;
       .zj{
           width: 1148px;
           height: 810px;
           margin: 0 auto;
          background: white;
       /*表头*/
               .biaotou{
           width: 1148px;
           margin:  0 auto;
           height: 46px;
       font: 700 14px/46px helvetica,tahoma,arial,sans-serif;
             }
         /*页面开始*/
        .yemian{
            width: 1148px;
            height: 203px;
            .you_a{
                width: 1148px;
                height: 160px;
                li{
                    width: 240px;
                    height: 160px;
                    p{
                        color: #666;
                        font-size: 14px;
                        
                    }
                    a{
                display: block;
                position: relative;
                padding: 10px 20px 15px;
                width: 200px;
                height: 135px;
                background: transparent url("../images/ym.png") no-repeat scroll 0px 0px;
                .mr{
                    position: absolute;
                    right: 20px;
                    top: 14px;
                    width: 64px;
                    height: 16px;
                    background: transparent url("../images/s3.png") no-repeat scroll 0px -624px;
                }
                .dizi{
                    padding-bottom: 12px;
font: 700 14px/26px helvetica,tahoma,arial,sans-serif;
                      }
                   }
                }
               }
              .xiabu{
                  width: 1148px;
                  height: 43px;
               
                  li{
                      float: left;
                      margin-top: 10px;
                      margin-right: 20px;
                      a{
                          padding-left: 12px;
                        color: #666;
                        background: transparent url("../images/s3.png") no-repeat scroll -344px -36px;
                      }
                      
                  }
              } 
           }
        .qd{
            height: 46px;
font: 700 14px/46px helvetica,tahoma,arial,sans-serif;
        }
        
//      商品的内容
        
 .san{
    width: 1148px;
    height: 350px;

    margin: 0 auto;
    margin-top: 20px;

    .tou{
        width: 1200px;
        height: 50px;
        .a{
            line-height: 28px;
            margin-right: 10px;
            height: 28px;
            color: #DDD;
        }
        ul{ 
             .p{
                 margin-top: 10px;
             }           
            li{
            float: left;
            margin-right: 5px;
        }
         .pd{
                width: 100px;
                height: 30px;
                padding: 0px 10px;
                border: 1px solid #333;
               background: #333 none repeat scroll 0% 0%;
                color: #FFF;
              
                 border-radius: 3px;
                a{
              color: #FFFFFF;
                    
                }
            }
        }  
    }
    
    
    
    
    
    .zj{
        width: 1148px;
        height: 250px;
     
        margin-top: 30px;
        .zj_a{
            width: 1148px;
            height: 52px;
            margin:  0 auto;
            border-bottom: 1px solid #959595;
            .tr{
                float: left;
                margin-top: 15px;
            }
            .pian{
                float: left;
                li{
                    float: left;
                    margin-top: 15px;
                }
                .quan{
                    width: 28px;
                     text-align: left;
                     margin-left: 15px;
                }
                .wrop{
                   width: 526px;
                   text-align: left;
                   text-align: center;
                }
                .wrop_a{
                    width: 140px;
                    text-align: left;
                }
                .wrop_b{
                    width: 100px;
                    text-align: left;
                }
                .wrop_c{
                     width: 103px;
                    text-align: left;
                }
                .wrop_e{
                    width: 150px;
                     text-align: left;
                     text-align: center;
                }
            }
           }
           
           
           
           
           
           
           
           
           
           
           .zj_b{
            width: 1148px;
            height: 62px;
            margin:  0 auto;
            border-bottom: 1px solid #959595;
            .a_a{
                width: 566px;
                height: 13px;
                margin-top: 15px;
                .b{
                    margin-left: 15px;
                }
                span{
                    img{
                        width: 76px;
                        height: 12px;
                    }
                } 
                .tr{
                width: 13px;
                height: 13px;
                margin-top: 30px;
                float: left;
               }
               .tu{
                   display: inline-block;
                    width: 24px;
                    height: 24px;
                    margin-top: 15px;
                    background: transparent url("../images/1.gif") no-repeat scroll center center;
               }
               
              }
             .you_a{
                   width: 190px;
                   height: 22px;
                   float: right;
                   margin-top: 15px;
                   .red{
                       width: 75px;
                       height: 22px;
                       float: left;
                       li{
                           width: 70px;
                           height: 22px;
                           font-size: 12px;
                           margin-top: 5px;
                           i{
                               margin-top: 5px;
                                margin-right: 5px;
                                width: 5px;
                                height: 5px;
                                border-radius: 50%;
                                background: #F13E3A none repeat scroll 0% 0%;
                                float: left;
                           }
                       }
                   }
                      .red_a{
                           color: red;
                           float: left;
                           margin-left: 10px;
                           margin-top: 5px;
                       }
                       .red_b{
                           width: 56px;
                           height: 22px;
                           line-height: 22px;
                    
                           float: right;
                           .red_b_a{
                               border: 1px solid #C1C1C1;
                               padding: 0px 7px;
                               .cart{
                                   display: inline-block;
                                    width: 16px;
                                    height: 22px;
                                    float: right;
                                    background: transparent url("../images/s3.png") no-repeat scroll -54px -177px;

                               }
                           }
                       }
                 }
           }
           
           
        .zj_c{
            width: 1148px;
            height: 118px;
            margin:  0 auto;
            margin-top: 15px;
            border-bottom: 1px solid #959595;
            .a_a{
                width: 520px;
                height: 13px;
                margin-top: 25px;
                float: left;
                .tr{
                height: 118px;
                float: left;
               }
               .zt{
                   height: 118px;
                   img{
                       width: 80px;
                       height: 85px;         
                   }
                   a:hover{
                       text-decoration: underline;
                   }
                   .zt_a{
                       display: block;
                       margin-top: -80px;
                       margin-left: 90px;
                        line-height: 20px;
                        font-size: 14px;
                        white-space: nowrap;
                        color: #959595;
                        float: left;
                       }
                    } 
            }
            .li{
                   width: 140px;
                 line-height: 20px;
                  float: left;
                  margin-top: 20px;
                  font: 12px/1.6 tahoma,arial,sans-serif;
                  color:#999999;
               } 
               
               .shu{
                   width: 90px;
                 line-height: 20px;
                  float: left;
                  margin-top: 20px; 
                     .p{
                             text-decoration: line-through;
                               color: #999;
                               font-size: 14px;
                     }
                     .p1{
                         font-size: 14px;
                         font-weight: 700;
                     }
                     .p2{
                         color: #FB5E00;
                         font-weight: 700;
                         font-size: 16;
                     }
               }
               
                .num_a{
                          width: 95px;
                        height: 25px;
                       
                         float: left;
                         margin-top: 20px;
                        .num_reduce{
                            background-image: url("../images/f.png");
                            background-position: -3px 2px;
                            background-repeat: no-repeat;
                            overflow: hidden;
                            display: block;
                               float: left;
                            width: 24px;
                            height: 25px;
                              }
                              .num_input{
                                  height: 25px;
                                  float: left;
                                  font-size: 14px;
                                    border-width: 0px 1px;
                                    border-style: none solid;
                                    width: 55px;
                                    background: #DDDDDD;
                                    margin-left: 10px;
                                   text-align: center;
                                  }
                                  .num_add{
                                      height: 25px;
                                    width: 24px;
                                    float: left;                                                             
                    background-position: -3px -78px;
                    background-image:url("../images/f.png"); 
                                  }
                                  
                                }
                           .p_s{
                               width: 100px;
                               height: 118px;
                               float: left;
                               margin-left: 15px;
                               .p_a{
                                       margin-top: 20px;
                                        margin-left: 10px;
                                        color:#FB5E00 ;
                                        font-size: 18px;

                                    }
                               }     
                                
                              .p_c{
                               height: 118px;
                               float: left;
                               margin-left: 25px;
                               margin-top: 20px;
                               text-decoration: underline;
                               .sx{
                                   width: 56px;
                                  height: 21px;
                                  text-decoration: none;
color: #333;
                               }
                               .zg{
                                      width: 87px;
                                      height: 21px;
                                        
                                        color:#202020;
                                        font-size: 12px;

                                    }
                               }                 
                             }
                         }
                      }

.di{
    width: 1148px;
    height: 51px;
    margin: 0 auto;
  
    border-top: 1px solid white;
    .a_a{
                width: 566px;
                height: 13px;
                margin-top: 15px;
                float: left;
                .tr{
                height: 18px;
                float: left;
                margin-left: 25px;
               }
               .mr10{
                   margin-left: 5px;
               }
               .sj{
                   width: 338px;
                  
                   color: #DADADA;
                   text-decoration: underline;
                   padding: 6px 8px;
               }
           }
          .you{
              width: 375px;
              height: 50px;
              float: right;
              .you_a{
                  width: 123px;
              
                  margin-top: 20px;
                  float: right;
                  
              }
              .q{
                  width: 100px;
                  height: 50px;
                  float: left;
                  margin-top: 5px;
                  color: #F13E3A;
                  font-weight: 700;
                  font-size: 26px;
                 }
                 .s{display: block;
width: 152px;
height: 51px;
background: #D8D8D8 url("../images/s3.png") no-repeat scroll 0px -800px;
font: 0px/0 a;
overflow: hidden;
          } 
      }
           
}    

     }
}
.heji{
    width: 1148px;
    height: 57.5px;
    .heji_c{
        float: right;
    }
      .heji_b{
          float: right;
          font-size: 14px;
          .red{
                 font: 12px/1.6 tahoma,arial,sans-serif;
              }
          .zg{
              width: 87px;
              height: 21px;
              
          }
      }
    .heji_a{
        width: 117px;
        height: 25px;
        float: right;
        margin-top: 20px;
         font-size:16px ;
        .red{
         font-size:16px ;
         float: right;
         color: #FF4F7C;
        font-weight: 700;
          margin-top: -20px;
             }
        }  
}

.fk{
    width: 1148px;
    margin: 0  auto;

    height: 50px;
    border-top:1px solid #959595 ;
    margin-top: 0.5px;
       .bh{
           width: 35px;
           height: 25px;
           background: white;
          
       }
    
        .you{
              width: 375px;
              height: 50px;
              float: right;
              
              .you_a{
                  width: 123px;
                  margin-top: 20px;
                  float: left;
                  
              }
              .q{
                  width: 100px;
                  height: 50px;
                  float: left;
                  margin-top: 5px;
                  color: #FF4F7C;
                  font-weight: 700;
                  font-size: 24px;
                 }
                 .xg:hover{
                  opacity: 0.8;
              }
                 .s{display: block;
width: 152px;
height: 51px;
background: #D8D8D8 url("../images/s3.png") no-repeat scroll 0px -267px;
font: 0px/0 a;
overflow: hidden;
          } 
      }

}























//底部开始
.dibu{
    width: 100%;
    background: #F4F4F4;
    margin-top: 20px;
    padding: 60px 0px;
    text-align: center;
    color: #999;
}
.icon{
    padding-top: 16px;
    display: inline-block;
height: 28px;
    .vc{
    width: 80px;
    background: transparent url("../images/s.png") no-repeat scroll 0px -50px;
    display: inline-block;
height: 28px;
         }
         .va{
             width: 74px;
background: transparent url("../images/s.png") no-repeat scroll -90px -50px;
cursor: default;
height: 28px;
display: inline-block;
         }
         .vb{
             width: 50px;
background: transparent url("../images/s.png") no-repeat scroll -178px -50px;
display: inline-block;
height: 28px;
         }
         .vd{
                 width: 164px;
    vertical-align: top;
    background: transparent url("../images/s.png") no-repeat scroll -240px -50px;
    display: inline-block;
height: 28px;
          }
          
         .vf{
             width: 84px;
background: transparent url("../images/s.png") no-repeat scroll -400px -50px;
display: inline-block;
height: 28px;
         } 
          .vg{
              width: 50px;
background: transparent url("../images/s.png") no-repeat scroll -486px -50px;
display: inline-block;
height: 28px;
          }
 
         }

























}